/************************* reset css start ***********************************/
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
li{list-style-type:none;}
ol,ul,dl{list-style:none;}
em{font-style:normal;}
img{border:none;vertical-align:middle;}
/***************************** reset css end ***********************************/

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after{
	clear: both;
}
.clearfix{
	*zoom: 1;/*ie6,7*/
}

.upload-input {
	opacity: 0;
	width: 0;
	height:0;
}
.upload-iframe {
	display: none;
}
.img-wrapper {
	float: left;
	padding: 2px;
	margin: 3px;
	border: 1px solid #cccccc;
	background-color: #ffffff;

	.img-container {
		zoom: 1; overflow: hidden;
		position: relative;

		//file opt box start
		.file-opt-box{
			position: absolute;
			display: none;
			background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
			width: 100%;
			top: 0px;
			left: 0px;
			overflow: hidden;

			span {
				width: 24px;
				height: 24px;
				display: inline;
				float: right;
				text-indent: -9999px;
				overflow: hidden;
				background: url("icons.png") no-repeat;
				margin: 5px 1px 1px;
				cursor: pointer;
				-webkit-tap-highlight-color: rgba(0,0,0,0);
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.remove{
				background-position: -48px -24px;
				&:hover{
					background-position: -48px -0px;
				}
			}
		}//file opt box end

		&:hover {
			.file-opt-box {
				display: block;
			}
		}
	}
}
